<template>
    <div class="foot">
        <div class="footList">
          <div class="icon">
            <img src="@/assets/logo2.png" alt="" >
          </div>
          <div class="case">
            <div>案例</div>
            <div class="case-list">
                <div>创意视频</div>
                <div>交互H5</div>
                <div>长图简漫</div>
                <div>创意海报</div>
            </div>
          </div>
           <div class="case">
            <div>方法</div>
            <div class="case-list">
              <div>数据报告</div>
              <div>工作汇报</div>
              <div>专题活动</div>
              <div>旅游宣传</div>
              <div>政策解读 </div>
            </div>
          </div>
           <div class="case">
            <div>合作</div>
            <div class="case-list">
              <div>需求提交</div>
            </div>
          </div>
           <div class="case">
            <div>NEWS</div>
            <div class="case-list">
             <div>行业新闻</div>
            </div>
          </div>
           <div class="case">
            <div>关于</div>
            <div class="case-list">
              <div>关于我们</div>
              <div>联系方式</div>
            </div>
          </div>
          <div class="icon">
            <img src="@/assets/code.png" alt="" >
          </div>
          <div class="icon">
            <img src="@/assets/code.png" alt="" >
          </div>
        </div>
           <div class="copyright">Copyright © 西安有安米互动</div>
      </div> 
</template>

<style lang="less">
.foot{
    width: 100%;
     padding: 2vw 19vw;
     box-sizing: border-box;
     background: #F2F2F2;
     font-size: 14px;
    .footList{
    display: flex;
    justify-content: space-between;
    text-align: center;
    .case{
      font-size: 16px;
      font-weight: bold;
        .case-list{
          padding: 30px auto 30px;
          font-size: 14px;
          font-weight: 200;
          padding-top: 20px;
    }
    }
  }
    .copyright{
      text-align: right;
      padding-right:60px;
      font-size: 12px;
    }
    }
</style>